<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" >
    <meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=0" >
    <!-- import CSS -->
    <link rel="stylesheet" href="/element-ui/lib/theme-chalk/index.css">
    <style>
        .el-header, .el-footer {
            background-color: #82b4ca;
            color: #333;
            text-align: center;
            line-height: 60px;
            font-size: 28px;
        }

        .el-aside {
            background-color: #d0efdc;
            color: #333;
            text-align: center;
            line-height: 200px;
        }

        .el-main {
            background-color: #d0efdc;
            color: #333;
            text-align: center;
            line-height: 90px;
        }

        body > .el-container {
            margin-bottom: 40px;
        }

        .el-container:nth-child(5) .el-aside,
        .el-container:nth-child(6) .el-aside {
            line-height: 260px;
        }

        .el-container:nth-child(7) .el-aside {
            line-height: 320px;
        }
    </style>
</head>
<body>
<div id="app">

    <el-container>
        <el-header><div style="font-family:'Helvetica Neue'" >离职流程审核通过</div></el-header>
        <el-main>

            <div style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);font-size: 25px;width: 90%;margin-left: 5%;" id="contentDiv">
                <div>部门：{{dataObj.deptName}}</div>
                <div>职位：{{dataObj.postName}}</div>
                <div>姓名：{{dataObj.applyUserName}}</div>

                <div>预计离职时间：{{dataObj.quitTime}}</div>
                <div>原因：{{dataObj.reason}}</div>
            </div>
        </el-main>
    </el-container>


</div>
</body>
<!-- import Vue before Element -->
<script src="/vue/vue.js"></script>
<!--<script src="/vue/axios/axios.min.js"></script>-->
<!-- import JavaScript -->
<script src="/element-ui/lib/index.js"></script>
<script>
    var vueApp = new Vue({
        el: '#app',
        data: function() {
            return {
                dataObj: {
                    id: '[[${id}]]',
                    applyUserName: '[[${applyUserName}]]',
                    deptName: '[[${deptName}]]',
                    postName: '[[${postName}]]',

                    reason: '[[${reason}]]',
                    quitTime: '[[${quitTime}]]'
                }
            }
        },
        methods: {

        }
    })

</script>
</html>